import classnames from '@/utils/classnames';
import { Icon, NavBar, Toast } from 'antd-mobile';
import { history } from 'umi';
import styles from './my-detail.less';
import { ReactComponent as Qrcode } from '@/icons/qrcode.svg';

export default function MyDetailPage() {
  function navBarGoBack() {
    history.goBack();
  }

  return (
    <>
      <div className={classnames('page navbar', styles.page)}>
        <div className="page__navbar">
          <NavBar
            style={{ color: '#000000' }}
            mode="light"
            icon={<Icon type="left" />}
            leftContent="详细信息"
            onLeftClick={() => navBarGoBack()}
            // rightContent={[
            //     <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
            //     <Icon key="1" type="ellipsis" />,
            // ]}
          >
            {/* JSAPI支付 */}
          </NavBar>
        </div>

        <div className={styles.cells}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>头像</div>
            <div className={styles['cell__ft']}>
              <img
                src={require('@/images/avatar.jpg')}
                style={{ width: '60px' }}
              />
            </div>
          </div>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>名称</div>
            <div className={styles['cell__ft']}>
              <span className={styles.ftText}>布衣</span>
            </div>
          </div>
          <div
            className={classnames(styles.cell, styles['cell_access'])}
            onClick={() => history.push('/setting/about')}
          >
            <div className={styles['cell__bd']}>微信号</div>
            <div className={styles['cell__ft']}>gf_aasdfao234hl</div>
          </div>
          <div
            className={classnames(styles.cell, styles['cell_access'])}
            onClick={() => history.push('/setting/about')}
          >
            <div className={styles['cell__bd']}>二维码</div>
            <div className={styles['cell__ft']}>
              <Qrcode width={22} height={22} />
            </div>
          </div>
          <div
            className={classnames(styles.cell, styles['cell_access'])}
            onClick={() => history.push('/setting/about')}
          >
            <div className={styles['cell__bd']}>
              订阅号简介
              <div className={styles['cell-brief']}>公众号测试开发</div>
            </div>
            <div className={styles['cell__ft']}></div>
          </div>
        </div>

        <div className={styles.cells}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>注册信息</div>
            <div className={styles['cell__ft']}>fawefawef</div>
          </div>
        </div>

        <div className={styles.cells}>
          <div className={styles.cell}>
            <div className={styles['cell__bd']}>登录邮箱</div>
            <div className={styles['cell__ft']}>1132989278@qq.com</div>
          </div>
        </div>
      </div>
    </>
  );
}
